<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多级导航条练习</title>
    <link rel="stylesheet" href="/static/css/nav.css">
    <style>

    </style>
</head>
<body>
    <h1 align="center">多级导航条页面</h1>
    <ul class="one">
        {% for item_one in one %}
            {% for key,value in item_one.items %}
        <li>
            <p>{{key}}</p>
<!--            二级导航条-->
            <ul class="two">
                {% for item_two in value %}
                    {% for k,v in item_two.items %}
                <li>
                    <p>{{k}}</p>
<!--                    三级导航条-->
                    <ul class="three">
                        {% for item_three in v %}
                        <li>{{item_three}}</li>

                        {% endfor %}
                    </ul>
                </li>
                {% endfor %}
                    {% endfor %}

            </ul>
        </li>
            {% endfor %}
        {% endfor %}
<!--        <li>-->
<!--            <p>生活</p>-->
<!--            <ul class="two">-->
<!--                <li>校园</li>-->
<!--                <li>校外</li>-->
<!--            </ul>-->
<!--        </li>-->
<!--        <li>-->
<!--            <p>活动</p>-->
<!--            <ul class="two">-->
<!--                {% for y in yd %}-->
<!--                <li>-->
<!--                    <p>{{y.name1}}</p>-->
<!--                    <ul class="three">-->
<!--                        {% for d in yd %}-->
<!--                        <li>{{d.name1_1}}</li>-->
<!--                        <li>{{d.name1_2}}</li>-->
<!--                        {% endfor %}-->
<!--                    </ul>-->
<!--                </li>-->
<!--                <li>{{y.name2}}</li>-->
<!--                {% endfor %}-->
<!--            </ul>-->
<!--        </li>-->
<!--        <li>我的</li>-->
    </ul>
</body>
</html>
